<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>try-catch 捕获错误信息</title>
</head>
<body>
<h3>try-catch 捕获错误信息</h3>
<p>
    我们可以通过try / catch 捕获错误信息（浏览器提供的错误信息） <br>
    try 试试 catch 拦住 finally 最后
</p>
<p>
    总结： <br>
    1. try...catch 用于捕获错误信息 <br>
    2. 将预估可能发生错误的代码写在 try 代码段中 <br>
    3. 如果 try 代码段中出现错误后，会执行 catch 代码段，并截获到错误信息 <br>
    4. finally 不管是否有错误，都会执行
</p>
<hr>

<pre style="font-size: 20px;">
1. 捕获异常我们用那3个关键字？可能会出现的错误代码写到谁里面
   try catch finally
   try
2. 怎么调用错误信息？
   利用catch的参数
</pre>
<hr>

<p class="演示">123</p>
<script>
    function 函数() {
        try {
            // 可能发送错误的代码 要写到 try
            const p标签 = document.querySelector('.p') // 选择器写错了
            p标签.style.color = 'red'
        } catch (错误信息) {
            // 拦截错误，提示浏览器提供的错误信息，但是不中断程序的执行
            console.log(错误信息.message)
            throw new Error('你看看，选择器错误了吧')
            // 需要加return 中断程序
            // return
        } finally {
            // 不管你程序对不对，一定会执行的代码
            alert('弹出对话框')
        }
        console.log(11)
    }

    // 调用函数
    函数()

</script>


</body>
</html>